<template>
  <div>
    <div class="vux-demo">
      <view-box ref="viewBox">
        <x-header>郑州大学全媒体实验管理系统
          <a selected link="./components/Register" slot="right">注册</a>
        </x-header>
      </view-box>
      <group title="登录">
        <x-input title="用户名：" v-model="value"></x-input>
      </group>
      <group>
        <x-input title="密码：" v-model="value"></x-input>
      </group>
      <br>
      <x-button type="primary" action-type="button">登录</x-button>
      {{value}}
    </div>
  </div>
</template> 

<script>
import { Group, Cell, XInput, Divider, Popup, ViewBox, CheckerItem, Checker, XHeader, XButton } from 'vux'

export default {
  components: {
    Checker,
    CheckerItem,
    Group,
    Cell,
    XInput,
    ViewBox,
    XHeader,
    XButton,
    Divider,
    Popup
  },
  methods: {
    onItemClick (value, disabled) {
      if (!this.disabled) {
        this.showPopup = false
      }
    }
  },
  data () {
    return {
      msg: 'Hello World!',
      value: '',
      showPopup: '',
      demo4: ''
    }
  }
}
</script>

<style>

.vux-demo {
  text-align: center;
}

.logo {
  width: 100px;
  height: 100px
}
</style>
